<!DOCTYPE html>
<html>
  <head>
    <title>pic.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <style type="text/css">
          div{
               border:1px solid pink;
               width:300px;
               height:300px;
               margin:auto;
               text-align:left;
          }
    </style>
   
	</head>
	<body>
	 <div>
	     <img id="bo" src="D:/Workspaces/MyEclipse 2017 CI/WebPractice/WebRoot/images/1.jpg" width="300px" height="300px">
	 </div>
	 <script type="text/javascript">
	         function init(){
	             setInterval("inform()",800);
	         }
	    
	    var r=1;
	    function inform(){
	         i=parseInt(Math.random()*8+1);
	         document.getElementById("bo").src="D:/Workspaces/MyEclipse 2017 CI/WebPractice/WebRoot/images/" + i + ".jpg";
	    }
	    
	    window.onload=init;
	 </script>

		
		
	</body>
</html>
